@charset "utf-8";
/**
 * @description: 申请开通频道
 * @createData:  2017-05-06 23:00
 */
@import "base/variables";
@import "base/reset";
@import "base/base";
@import "base/font";
@import "base/mixins";
@import "base/grids";
@import "mui/mui.min.css";
@import "mui/app.css";
@import "mui/mui.picker.css";
@import "mui/mui.poppicker.css";
@import "http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css"; // 地图
@import "components/header.css";

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea{
	border:none;
	height:auto;
	padding:0 0;
}

.contents {
	padding-bottom: 30px;
	.pindao-item {
		.title {
			margin: 10px 0 5px 0;
			padding-left: 1.333rem;
			font-size: 1rem;
			color: #999;
			font-weight: normal;
		}
		.list {
			background: #fff;
			padding-left: 1.333rem;
			li {
				width: 100%;
				padding: 11px 0;
				position: relative;
				overflow: hidden;
				&:after {
					width: 100%;
					content: "";
					position: absolute;
					left: 0;
					bottom: 0;
					border-bottom: 1px solid #e6e6e6;
					-webkit-transform: scaleY(0.5);
					-webkit-transform-origin: 0 0;
				}
				.format {
					font-size: 1.25rem;
					color: #32353b;
					span {
						padding-left: 10px;
						font-size: 1rem;
						color: #999;
					}
				}
				.upload {
					.upload-item {
						width: 70px;
						height: 70px;
						float: left;
						overflow: hidden;
						position: relative;
						margin: 10px 10px 0 0;
						background: #e6e6e6;
						.upload-btn {
							width: 100%;
							height: 100%;
							display: block;
							background: url("../img/upload.png") #e6e6e6 no-repeat center center;
							background-size: 30px 30px;
							position: relative;
							.upload-btn-input {
								width: 100%;
								height: 100%;
								position: absolute;
								font-size: 100px;
								right: 0;
								top: 0;
								opacity: 0;
								filter: alpha(opacity=0);
								cursor: pointer;
							}
							.tips-text {
								width: 100%;
								position: absolute;
								left: 0;
								bottom: 20px;
								text-align: center;
								font-size: 1.167rem;
								color: #999;
							}
						}
						img {
							width: 100%;
							display: block;
						}
						.close {
							width: 20px;
							height: 20px;
							line-height: 20px;
							text-align: center;
							background: url("../img/opacity.png") repeat;
							font-size: 12px;
							color: #fff;
							position: absolute;
							top: 0;
							right: 0;
							z-index: 99;
						}
					}
					.upload-item-license {
						width: 164px;
						height: 164px;
					}
					.tips {
						margin: 15px 25px 0 0;
						line-height: 16px;
						font-size: 1.17rem;
						color: #999;
					}
				}
				a {
					width: 100%;
					height: 100%;
					display: block;
					overflow: hidden;
				}
				.icon{
					width:21px;
					height:21px;
					float: left;
					display: inline-block;
					position: relative;
					top:4px;
					margin-right: 12px;
				}
				.quanmahexiao{
					background: url("../img/images/quanmahexiao.png") no-repeat;
					background-size: 100%;
				}
				.hexiaojilu{
					background: url("../img/images/hexiaojilu.png") no-repeat;
					background-size: 100%;
				}
				.zhuawawa{
					background: url("../img/images/zhuawawa.png") no-repeat;
					background-size: 100%;
				}
				.dazhuanpan{
					background: url("../img/images/dazhuanpan.png") no-repeat;
					background-size: 100%;
				}
				.yaoyiyao{
					background: url("../img/images/yaoyiyao.png") no-repeat;
					background-size: 100%;
				}
				.guaguaka{
					background: url("../img/images/guaguaka.png") no-repeat;
					background-size: 100%;
				}
				.lishi{
					background: url("../img/images/lishi.png") no-repeat;
					background-size: 100%;
				}
				.zhongjiangjilu{
					background: url("../img/images/zhongjiangjilu.png") no-repeat;
					background-size: 100%;
				}
				.qiandaopeizhi{
					background: url("../img/images/qiandaopeizhi.png") no-repeat;
					background-size: 100%;
				}
				.qiandaopeizhijilu{
					background: url("../img/images/qiandaopeizhijilu.png") no-repeat;
					background-size: 100%;
				}
				.gukeqiandaoxiangqing{
					background: url("../img/images/gukeqiandaoxiangqing.png") no-repeat;
					background-size: 100%;
				}

				.name {
					height: 30px;
					line-height: 30px;
					float: left;
					font-size: 1.25rem;
					color: #32353B;

				}
				span.innerstatus{
					display: inline-block;
					color:#cdcdcd;
					font-size: 1.1rem;
					margin-left: 10px;
				}
				.input-text {
					width: 63%;
					height:30px;
					line-height: 30px;
					float: right;
					margin-right: 12px;
					font-size: 1.17rem;
					color: #32353B;
					text-align: right;
					position: relative;
					span {
						width: 100%;
						height: 30px;
						line-height: 30px;
						overflow: hidden;
						text-overflow:ellipsis;
						white-space: nowrap;
						display: inline-block;
					}
					.input {
						width: 100%;
						background: #fff;
						min-height: 30px;
						line-height: 30px;
						font-size: 1.17rem;
						color: #32353B;
						text-align: right;
					}
					.add-text {
						display: block;
					}
					.money {
						position: absolute;
						left: -180px;
						top: 0;
						font-size: 1.25rem;
						color: #FF6666;
					}
				}
				.map-tips {
					margin: 1px 20px 0 0;
					line-height: 16px;
					font-size: 1rem;
					color: #F54343;
				}
				.modifyBtn {
					cursor: pointer;
					color: #1f79de;
				}
				.jiantou {
					width: 5px;
					height: 11px;
					background: url("../img/jiantou.png") no-repeat;
					background-size: 100% 100%;
					position: absolute;
					// top: 50%;
					top: 20px;
					right: 15px;
					// margin-top: -5.5px;
				}
				&:nth-child(2) {
					.input-text {margin-right: 12px;}
				}
				&:nth-child(6):after {
					width: 100%;
				    content: "";
				    position: absolute;
				    left: 0;
				    bottom: 0;
				    z-index: 99;
				    border-bottom: 1px solid #fff!important;
				    -webkit-transform: scaleY(0.5);
				    -webkit-transform-origin: 0 0;
				}
			}
		}
		.mapArea {
			width: 100%;
			background: #fff;
			.mapArea-text {
				padding-left: 1.333rem;
				font-size: 1rem;
				color: #999;
			}
		}
		.map-content {
			width: 100%;
			height: 200px;
			overflow: hidden;
			margin-top: 5px;
		}
	}
	.confirmBtn {
		height: 45px;
		line-height: 45px;
		background: #ffd731;
		text-align: center;
		font-size: 1.333rem;
		color: #32353b;
		border-radius: 3px;
		display: block;
		margin: 25px 10px 0 10px;
	}
	.footer-tips {
		margin-top: 10px;
		text-align: center;
		font-size: 1rem;
		color: #999;
	}
}

.none {
	display: none;
}


.t-container{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background: #efeff4;
	z-index: 99999999;
	.finish{
		float: right;
		font-size: 15px;
		color:#32353B;
		margin-right: 16px;
	}
	.finish.gray{
		color:#999;
	}
	.contents{
		// padding-top:10px;
		background: #fff;
		.map{
			width:100%;
			height:200px;
		}
		.hddesc{
			font-size: 15px;
			color:#999;
			padding:18px 16px;
			border-bottom: 1px solid #e6e6e6;
			height:155px;
		}
		.searchbox{
			padding:10px;
			.searchbar{
				position: relative;
				width:100%;
				border-radius: 3px;
				height:30px;
				background: #ededed;
				span.icon{
					width:12px;
					height: 12px;
					display: inline-block;
					// line-height: 30px;
					margin:10px 10px 0 10px;
				}
				.i-search{
					background: url("../img/search.png") no-repeat;
					background-size: 100%;
				}
				#keyword{
					background: #ededed;
					height: 30px;
					line-height: 30px;
					position: relative;
					top:-3px;
					width:80%;
				}
				.i-close{
					position: absolute;
					top:0px;
					right:0px;
					width:15px;
					height:15px;
					background: url("../img/images/close.png") no-repeat;
					background-size: 100%;
				}
			}
		}
	}
}
#r-result{
	ul{
		li{
			clear:both;
			margin-left: 10px;
			padding:8px 10px 8px 0;
			border-bottom: 1px solid #ededed;
			overflow: hidden;
			.r-item{
				.r-left{
					width:80%;
					float: left;
					.r-title{
						font-size: 15px;
						color:#3e3e3e
					}
					.r-desc{
						font-size: 12px;
						color:#999;
					}
				}
				.r-right{
					float: right;
					.icon{
						width:21px;
						height:21px;
						display: inline-block;
						line-height: 44px;
						position: relative;
						top:8px;
					}
					.i-ok{
						background: url("../img/images/d-ok.png") no-repeat;
						background-size:100%;
						display: none;
					}
					.i-ok.select{
						display: inline-block;
					}
				}
			}
		}
	}
}

.mask{
  background: rgba(0,0,0,0.3);
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100vh;
}
.dialog{
  position: fixed;
  top: 77px;
  left:50%;
  width:300px;
  height:154px;
  margin-left:-150px;
  background: #fff;
  border-radius: 3px;
  text-align: center;
  .d-header{
    margin-top: 30px;
    height:21px;
    .icon{
      width:21px;
      height:21px;
      display: inline-block;

    }
    .i-ok{
      background: url("../img/images/d-ok.png") no-repeat;
      background-size:100%;
    }
    .i-error{
      background: url("../img/images/d-error.png") no-repeat;
      background-size:100%;
    }
  }
  .d-body{
    margin-top: 15px;
    .d-message{
      color:#999;
      font-size: 15px;
    }
  }
  .d-footer{
    margin-top: 22px;
    text-align: center;
    a{
      height: 30px;
  		line-height: 30px;
  		background: #ffd731;
  		text-align: center;
  		font-size: 1.333rem;
  		color: #3b3b3b;
  		border-radius: 3px;
  		display: inline-block;
      width:123px;
    }
  }
}
.dialog .d-footer a.gray{
  background: #d3d3d3;
}
